import { Card, DatePicker, Space } from 'antd';
import dayjs from 'dayjs';
import Chart1 from './components/Chart1';
import Chart2 from './components/Chart2';
import Chart3 from './components/Chart3';
import Chart4 from './components/Chart4';
import Chart5 from './components/Chart5';
import Chart6 from './components/Chart6';
import './index.css';
export default function Monitoring() {
  const nowday = dayjs();
  return (
    <>
      <div className="container">
        <div>
          <Space>
            <DatePicker defaultValue={nowday} format="YYYY-MM-DD" />
          </Space>
        </div>
        <div className="chart">
          <Card className="card">
            <h2>二氧化碳/ppm</h2>
            <Chart1></Chart1>
          </Card>
          <Card className="card">
            <h2>空气温度/°C</h2>
            <Chart2></Chart2>
          </Card>
          <Card className="card">
            <h2>空气湿度/%</h2>
            <Chart3></Chart3>
          </Card>
          <Card className="card">
            <h2>光照强度/Lx</h2>
            <Chart4></Chart4>
          </Card>
          <Card className="card">
            <h2>PM2.5/um</h2>
            <Chart5></Chart5>
          </Card>
          <Card className="card">
            <h2>PM10/ug/m3</h2>
            <Chart6></Chart6>
          </Card>
        </div>
      </div>
    </>
  );
}
